<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>俄罗斯方块</title>
    <link rel="stylesheet" type="text/css" href="css/basic.css">
</head>
<body>
<div class="start-container">
    <p><button type="button" id="btn-start">开始游戏</button></p>
    <p><button type="button" id="btn-setting">设置</button></p>
</div>
<div class="game-container">
    <div class="time-panel">
        <div class="panel-header">
            使用时间
        </div>
        <div class="panel-body">
            <canvas id="timer"></canvas>
        </div>
    </div>
    <div class="help-panel">
        <div class="panel-body">
            <p>↑ 翻转方块</p>
            <p>↓ 加速下落</p>
            <p>→ 向右移动</p>
            <p>← 向左移动</p>
        </div>
    </div>
    <div class="level-panel">
        <div class="panel-header">
            当前级别
        </div>
        <div class="panel-body">
            <canvas id="level"></canvas>
        </div>
    </div>
    <div class="game-main-panel" id="canvas">
        <canvas id="game_main"></canvas>
    </div>
    <div class="next-panel">
        <div class="panel-header">
            下一方块
        </div>
        <div class="panel-body">
            <canvas id="nextShape"></canvas>
        </div>
    </div>
    <div class="setting-panel">
        <div class="panel-body">
            <p><button type="button" id="btn_game_pause">暂停</button></p>
            <P><button type="button" id="btn-game-setting">设置</button></P>
        </div>
    </div>
    <div class="score-panel">
        <div class="panel-header">
            当前得分
        </div>
        <div class="panel-body">
            <canvas id="score"></canvas>
        </div>
    </div>
    <div class="high-score-panel">
        <div class="panel-header">
            最高得分
        </div>
        <div class="panel-body">
           <canvas id="highScore"></canvas>
        </div>
    </div>
</div>
<div class="modal-dialog">
    <div class="modal-body">
        <label for="ck-sound">启用声音</label>
        <input type="checkbox" id="ck-sound"/>
        <br/>
        <br/>
        <button type="button" id="btn-dialog-close">关闭</button>
    </div>
</div>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/compatibility.js"></script>
<script type="text/javascript" src="js/howler.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/canvas.js"></script>
<script type="text/javascript" src="js/score.js"></script>
<script type="text/javascript" src="js/timer.js"></script>
<script type="text/javascript" src="js/level.js"></script>
<script type="text/javascript" src="js/nextShape.js"></script>
<script type="text/javascript" src="js/highScore.js"></script>
<script type="text/javascript" src="js/board.js"></script>
<script type="text/javascript" src="js/resourceManager.js"></script>
<script type="text/javascript" src="js/block.js"></script>
<script type="text/javascript" src="js/shape.js"></script>
<script type="text/javascript" src="js/tetris.js"></script>
<script type="text/javascript" src="js/keyboard.js"></script>
</body>
</html>